:root {
    --spacing: 1rem;
    --scale-ratio-minor-second: 1.067;
    --scale-ratio-major-second: 1.125;
    --scale-ratio-minor-third: 1.2;
    --scale-ratio-major-third: 1.25;
    --scale-ratio-perfect-fourth: 1.333;
    --scale-ratio-augmented-fourth: 1.414;
    --scale-ratio-perfect-fifth: 1.5;
    --scale-ratio-golden: 1.618;
    --scale-ratio: var(--scale-ratio-minor-third);
    --scale-ratio-pow-1: calc(var(--scale-ratio) * 1);
    --scale-ratio-pow-2: calc(var(--scale-ratio) * var(--scale-ratio));
    --scale-ratio-pow-3: calc(var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio));
    --scale-ratio-pow-4: calc(var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio));
    --scale-ratio-pow-5: calc(var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio));
    --size-multiplier: 1;
    --size-multiplier-xxs: calc(var(--size-multiplier) / var(--scale-ratio-pow-3));
    --size-multiplier-xs: calc(var(--size-multiplier) / var(--scale-ratio-pow-2));
    --size-multiplier-sm: calc(var(--size-multiplier) / var(--scale-ratio-pow-1));
    --size-multiplier-md: var(--size-multiplier);
    --size-multiplier-lg: calc(var(--size-multiplier) * var(--scale-ratio-pow-1));
    --size-multiplier-xl: calc(var(--size-multiplier) * var(--scale-ratio-pow-2));
    --size-multiplier-xxl: calc(var(--size-multiplier) * var(--scale-ratio-pow-3));
    --spacing-xs: calc(var(--spacing) * var(--size-multiplier-xs));
    --spacing-sm: calc(var(--spacing) * var(--size-multiplier-sm));
    --spacing-md: calc(var(--spacing) * var(--size-multiplier-md));
    --spacing-lg: calc(var(--spacing) * var(--size-multiplier-lg));
    --spacing-xl: calc(var(--spacing) * var(--size-multiplier-xl));
    --spacing-2: calc(var(--spacing) * 2);
    --spacing-3: calc(var(--spacing) * 3);
    --spacing-4: calc(var(--spacing) * 4);
    --spacing-5: calc(var(--spacing) * 5);
    --spacing-0_2: calc(var(--spacing) / 5);
    --spacing-0_25: calc(var(--spacing) / 4);
    --spacing-0_33: calc(var(--spacing) / 3);
    --spacing-0_5: calc(var(--spacing) / 2);
    --margin-top: var(--spacing);
    --margin-right: var(--spacing);
    --margin-bottom: var(--spacing);
    --margin-left: var(--spacing);
    --margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
    --form-error--margin-top: 0;
    --form-error--margin-right: 0;
    --form-error--margin-bottom: var(--margin-bottom);
    --form-error--margin-left: 0;
    --form-error--margin: var(--form-error--margin-top) var(--form-error--margin-right) var(--form-error--margin-bottom) var(--form-error--margin-left);
}
